<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>home</title>
<link href="styles/wowbb/c/core.css" rel="stylesheet" type="text/css" />
<link href="styles/wowbb/c/colours.css" rel="stylesheet" type="text/css" />
<link href="styles/wowbb/c/forum.css" rel="stylesheet" type="text/css" />

  <link rel="stylesheet" type="text/css" href="j/ui/css/jquery-ui.css" />
  <script type="text/javascript" src="j/jquery-1.3.2.min.js"></script>
  <script type="text/javascript" src="j/ui/js/jquery-ui-1.7.2.custom.min.js"></script>
  <script type="text/javascript" src="j/scrolltopcontrol.js"></script>
  <script type="text/javascript">
  
	  var spotlightStatus = true;
	  var savedStatus = "";
	  function toggleSpotlight(status){
		  switch(status){
			case 0:
			  if(spotlightStatus){
				$('#container_content_1').animate({height: '40px'}, 500 ); 
				$('#container_content_1_inner').hide(); 
				$('#container_content_1_bottom').hide();
				spotlightStatus = false;
			  } else {
				$('#container_content_1').animate({height: '232px'}, 500 ); 
				$('#container_content_1_inner').show(); 
				$('#container_content_1_bottom').show();
				spotlightStatus = true;
			  }
			break;
			case 1:
				$('#container_content_1').animate({height: '40px'}, 500 ); 
				$('#container_content_1_inner').hide(); 
				$('#container_content_1_bottom').hide();
				savedStatus = spotlightStatus;
				spotlightStatus = false;
			break;
			case 2:
				$('#container_content_1').animate({height: '232px'}, 500 ); 
				$('#container_content_1_inner').show(); 
				$('#container_content_1_bottom').show();
				savedStatus = spotlightStatus;
				spotlightStatus = true;
			break;
			case 3:
			  if(savedStatus){
				$('#container_content_1').animate({height: '232px'}, 500 ); 
				$('#container_content_1_inner').show(); 
				$('#container_content_1_bottom').show();
				spotlightStatus = true;
			  } else {
				$('#container_content_1').animate({height: '40px'}, 500 ); 
				$('#container_content_1_inner').hide(); 
				$('#container_content_1_bottom').hide();
				spotlightStatus = false;
			  }
			break;
		  }
	  }
	  
	  function setLoggedIn(){
		$("#loginlink").slideUp();
		$(".loginbox").slideUp();
		
		$("#logoutlink").slideDown();
		$(".userpanel").slideDown();
		$("#ucp-side-loading").show();
		
		$.get('ajax/registration/user_panel.php', function(data){
			if(data=="error"){
				$("#ucp-side-loading").hide();
				$("#userpanel_content").html("Sorry, unable to fetch user panel at this time.");				
			} else {
				$("#ucp-side-loading").hide();
				$("#userpanel_content").html(data);
			}
		});

	  }
	  
	  function setLoggedOut(){
		$("#loginlink").slideDown();
		$(".loginbox").slideDown();
		
		$("#logoutlink").slideUp();
		$(".userpanel").slideUp();
		
		$("#ucp-side-loading").hide();
	  }
	  
	  function getOnlineList(){
		$("#online-side-loading").show();
		$.get('ajax/online/who.php', function(data){
			if(data!="error"){
				
				realData = data.split(';');
				$("#online-total-value").html(realData[0]);
				$("#online-registered-value").html(realData[1]);
				$("#online-guest-value").html(realData[2]);
				$("#online-side-loading").hide();
				userData = realData[3].split("|");
				$("#online-user-value").empty();
				for(var i=0;i<userData.length-1;i++){
					pureData = userData[i].split("~");
					$("#online-user-value").append("<a style='color:#"+pureData[2]+";' href='#memberlist:"+pureData[1]+"' class='member_side_link'>"+pureData[0]+"</a>");
					if(i!=userData.length-2){
						$("#online-user-value").append(", ");
					}
				}
				reassert(".member_side_link");
			}
		});
		setTimeout("getOnlineList()", 60000);
	  }
	  
	$(document).ready(function(){      
		$('#container_content_1_bottom').bind('click', function(){
			fetchPage('topic', $(this).attr('class'));
		});
		
		$("#loginlink").slideUp();
		$("#logoutlink").slideUp();
		$(".overall_err").hide();		
		getOnlineList();
		
		$.get('ajax/registration/log_check.php', function(data){
			if(data=="yes"){
				setLoggedIn();
			} else {
				setLoggedOut();
			}
		});

	   $("#nav_logout").bind('click', function(){
			$.get('ajax/registration/logout.php', function(data){
				if(data=="ok"){
					setLoggedOut();
				}
			});
		});

	   $("#side-login").bind('click', function(){
			$.post('ajax/registration/login.php', { uname: $('#side-username').val(), pword: $('#side-password').val() }, function(data){
				$("#overall_err").slideUp();
				if(data=="ok"){
					setLoggedIn();
					$(".overall_err").slideUp();
					fetchPage('forum');
				} else {
					setLoggedOut()
					$("#login-side-loading").hide();
					$(".overall_err").slideDown();
					$("#side-innertext").html(data);
					$(".overall_err").effect("shake", { times:2, distance:5, direction:'left' }, 100);	
				}
			});
		});

		reassert("a");
	});
	
</script>
    <script type="text/javascript" src="j/linkAnchors.js"></script>

</head>

<body>
  <br>
	<div style='display:none;'>
	</div>

		<div id='container-body'>
		  <div id='homepage'>
          <div class='float-right' style='width:300px;'>
		

	<div class='sidebar-box' style='padding:14px'>
        <div class="callout">
        	<img src='styles/wowbb/i/icon-hot.gif' alt="-" width="16" height="20" class='no-border' />
            <div class='text'><a class="function" id="nav_home" href="#main">Home</a></div>
            <div class='clear-none'></div>
        </div> 
        <div class="callout">	
        	<img src='styles/wowbb/i/icon-hot.gif' alt="-" width="16" height="20" class='no-border' />
            <div class='text'><a class="function" id="nav_forum" href="#forum">Forum</a></div>
            <div class='clear-none'></div>
        </div> 
        <div class="callout">	
        	<img src='styles/wowbb/i/icon-hot.gif' alt="-" width="16" height="20" class='no-border' />
            <div class='text'><a class="function" id="nav_forum" href="#search">Search</a></div>
            <div class='clear-none'></div>
        </div> 
        <div class="callout">
         	<img src='styles/wowbb/i/icon-hot.gif' alt="-" width="16" height="20" class='no-border' />
           <div class='text'><a class="function" id="nav_profile" href="#memberlist">Members</a></div>
            <div class='clear-none'></div>
        </div> 
        
        <div id="loginlink">
            <div class="callout">
                <img src='styles/wowbb/i/icon-hot.gif' alt="-" width="16" height="20" class='no-border' />
                <div class='text'><a class="function" id="nav_register" href="#reg">Register</a></div>
                <div class='clear-none'></div>
            </div> 
            <div class="callout">
                <img src='styles/wowbb/i/icon-hot.gif' alt="-" width="16" height="20" class='no-border' />
                <div class='text'><a class="function loginoutlink" id="nav_login" href="#login">Login</a></div>
                <div class='clear-none'></div>
            </div> 
        </div>
        <div id="logoutlink">
            <div class="callout">
                <img src='styles/wowbb/i/icon-hot.gif' alt="-" width="16" height="20" class='no-border' />
               <div class='text'><a class="function" id="nav_profile" href="#profile">Profile</a></div>
                <div class='clear-none'></div>
            </div> 
            <div class="callout">
                <img src='styles/wowbb/i/icon-hot.gif' alt="-" width="16" height="20" class='no-border' />
                <div class='text'><a class="function loginoutlink" id="nav_logout" href="#logout">Logout</a></div>
                <div class='clear-none'></div>
            </div> 
        </div>
		<div class='clear-none'></div>
	</div>
	<div class='clear-large'>
    

    </div>
	<div class='sidebar-box loginbox' style='padding:14px'>
    	<div class="overall_err">
            <div class="ui-widget"> 
                <div class="ui-state-error ui-corner-all" style="padding: 0 .7em;"> 
                    <p><span id="side-innertext"></span></p> 
                </div> 
            </div>        
        </div>

<table width="100%" border="0" cellpadding="2">
  <tr>
    <td><span class="genmed">Username:</span></td>
	<td><input class="reg" type="text" id="side-username" size="15" style="width:150px" /></td>
  </tr>
  <tr>
    <td><span class="genmed">Password:</span></td>
	<td><input class="reg" type="password" id="side-password" size="15" style="width:150px" /></td>
  </tr>
    <tr>
    <td valign="top">
</td><td>
<input type="button" class="submit-box" style="float:left;" id="side-login" value="login" /><div id="login-side-loading" class="loading-small"></div></td>
</td></tr>
</table>
      
       
	</div>
	<div class='clear-large loginbox'></div>

  
  
  
    <div class='sidebar-box userpanel' style='padding:14px'>
    	<h3><a href="#profile" style="text-decoration:none;">User Panel</a></h3>
		<div id="userpanel_content">
        </div>
        <div id="ucp-side-loading" class="loading-small" style="margin-top:15px; padding-left:20px;">Loading...</div>
        <div style='clear:both;'></div>
	</div>
    
	<div class='clear-large userpanel'></div>
    
    <div class='sidebar-box' style='padding:14px'>
    	<h3>Who's Online</h3>
		<div id="online_content">
        	<div id="online-total" style="float:left; width:100%;">
            	<div class="online-item" style="margin-bottom:10px;"> Total Online: <span id="online-total-value"></span></div>
            	<div class="online-item"> Registered Online: <span id="online-registered-value"></span></div>
            	<div class="online-item"style="margin-bottom:10px;"> Guests Online: <span id="online-guest-value"></span></div>    
                <div class="online-item"> Registered Users: <span id="online-user-value"></span></div>          	
            </div>
        </div>
        <div id="online-side-loading" class="loading-small" style="margin-top:15px; padding-left:20px;">Loading...</div>
        <div style='clear:both;'></div>
	</div>
    
	<div class='clear-large'></div>
    
    <div class='sidebar-box' style='padding:14px'>
    	<h3>Another Dynamic Panel</h3>
		<p>
        	Coming soon
        </p>
	</div>


</div>
  
  <div id='video-spotlight' class='shaded float-left' style='width:800px;'>



<div class="pageinside">

<div id="wrap">
	<a id="top" name="top" accesskey="t"></a>
	<div id="page-header">


		<div class="headerbar"><a href="#forum" title="home" id="logo">
			<div class="inner"><span class="corners-top"><span></span></span>

			<table style="width: 100%; height: 140px;" vertical-align="center" cellpadding="0" cellspacing="0" align="center">
					<tr>
						<td><div id="site-description">

				<p style="display: none;"></p>
			</div></td>
					</tr>
				</table>
</a>
			<span class="corners-bottom"><span></span></span></div>
		</div>
     
                    <div id="loading">
               		</div>
		<div class='clear-large'>
    

    </div>
        <div id="container_content_2">
        
        </div>



	</div>


<div class='clear-large'></div>


		</div>
<div class='clear'>
  <h2>&nbsp;</h2>
</div>

	<div class="copyright">
    	<small>&copy; <a href="http://andythorne.000space.com/" target="_blank">Andy Thorne</a> 2009 aka <a href="#memberlist:1">Electric/Mustaine</a></small>
	</div>

</div>




<div class='clear-large'></div>


		</div>

	</div>

<div class='clear-large'></div>

</body>
</html>